		
.controls-container{
	float:right;
	width:30%;
	height:100%;
}
.canvas-container{
	float:left;width:70%;
	height:70%;
	background-image:url('./../images/bg.png');
	overflow:scroll;
	text-align:center;
	padding-top:2%;
}
.section-title{
	background:#0A1F33;
	color:white;font-weight:bold;
}
.io-container{
	float:left;width:70%;
	height:30%;
}
.properties-panel{
	background:#C2E0FF;
	width:25%;
}
.properties-title{
	height:30px;text-align:center;
	background-color:#006666;
	color:white;
	font-weight:bold;font-size:larger;
	padding-top:10px;
	width:100%;
}
.properties{
	width:100%;height:100%;overflow-y:scroll;
	padding-bottom:30px;
}
.property{
	padding:10px;
	border-bottom:1px solid black;
	height: 15px;
}
.property.category{
	background:#0A1F33;
	color:white;font-weight:bold;
}
.property .label{
	background:#99CCFF;
	color:black;
	width:60%;
	float:left;
	height:20px;
}
.property .label-full{
	background:#99CCFF;
	color:black;
	width:100%;
	float:left;
	height:20px;
}
.property .value{
	background:#fff;
	color:black;
	width:40%;
	float:left;
	height:20px;
}
.property .value INPUT[type="text"]{
	border:0;
	width:100%;height:100%;
}
.property .value INPUT[type="button"]{
	
	width:100%;height:100%;
}